.logo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	background: linear-gradient(to bottom, var(--v-white), #f9f9f9);
	color: var(--primary-color);
	padding-bottom: 220px;
	position: relative;
	box-sizing:border-box;
	.shade{
		position: absolute;
		width: 100%;
		height: 80px;
		left: 0;
		bottom: 0;
		background:url('@http://ziyuanstatic.oss-cn-beijing.aliyuncs.com/static/shade.svg') bottom center repeat-x;
		background-size:contain;

	}
	.img {
		max-width: 70px;
		max-height: 70px;
		border-radius: 50%;
		border: rgba(255, 255, 255, .9) 6px solid;
		margin-bottom: 14px;
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
		background:var(--primary-color);

		svg {
			max-width: 100%;
		}
	}
}
.app {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	background-size: cover;

	.loginForm {
		position: relative;
		display: flex;
		justify-content: center;

		.inner {
			border-radius: 4px;
			max-width: 640px;
			width: calc(100% - 60px);

			.row-input {
				margin: 14px 0px;
				display: flex;
				justify-content: flex-start;
				align-items: center;
				padding: 0 10px;
				height: 42px;
				border-bottom: 1px solid var(--primary-color);
				position: relative;
				overflow: hidden;

				image {
					padding: 0px 10px;
					height: 50px;
					flex-shrink: 0;
				}

				.s-icon {
					color: #a9aeb8;
					width: 32px;
					font-size: 16px;
				}

				.uni-input-placeholder {
					font-size: 14px;
					color: $uni-text-color-placeholder;
				}

				input {
					padding: 0px 9px;
					color: var(--primary-color);
					border-left: 1px solid $gray-3;
					width: 100%;
					font-size: 16px;
				}

				.code {
					position: absolute;
					top: 0;
					right: 0;
					height: 42px;
					line-height: 42px;
					font-size: 14px;
					padding: 0 14px;
					color: #57A9FB;
				}

				.qrbox {
					position: absolute;
					top: 0;
					right: 0;
					height: 42px;

					.img {
						max-height: 42px;
						max-width: 122px;
						margin: 0;
						padding: 0;
					}
				}
			}

			.tip-link {
				color: $gray-6;
				font-size: 14px;
				padding-top: 8px;

				.link {
					color: var(--primary-color);
				}
			}
			.loginBtn {
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 14px;
				height: 42px;
				border-radius: 4px;
				color: var(--v-white);
				background-color: #ffb300;
				// background-color: var(--btn-bg-color);
			}

			.menuLink {
				display: flex;
				justify-content: space-between;
				font-size: 14px;
				color: $gray-5;
				letter-spacing: 1px;
				line-height: 30px;
			}
		}
	}
}